<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>慢慢买比价网-手机版</title>
    <!-- 引入bootstrap css-->
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css"/>
    <!-- 引入公共样式-->
    <link rel="stylesheet/less" href="css/base.less"/>
    <!-- 引入首页的css-->
    <link rel="stylesheet/less" href="css/category.less"/>
    <!-- 引入less.js-->
    <script src="lib/less/less.min.js"></script>
</head>
<body>
    <header id="header">
            <a href="#" class="logo">
                <img src="images/header_logo.png" alt=""/>
            </a>
            <a href="#" class="appDown">
                <img src="images/header_app.png" alt=""/>
            </a>
    </header>
    <section id="search">
        <form action="#">
            <input type="search" placeholder="请输入你想比价的商品"/>
            <input type="submit"/>
        </form>    
    </section>
    <section id="category">
       <div class="category-warp">
           
           
       </div>
    </section>
    <footer id="footer"> 
        <div class="row">
              <a href="#" class="col-xs-4">登录</a>
              <a href="#" class="col-xs-4">注册</a>
              <a href="#" class="col-xs-4"><img src="images/top.jpg" alt="">返回顶部</a>
        </div>
        <p>
            <a href="#">手机app下载</a>
            <a href="#">慢慢买手机版 </a>
            --掌上比价平台
        </p>
        <p>m.manmanbuy.com</p>
    </footer>
</body>
<!--商品标题模板-->
<script type="text/template" id="titleTpl">
    {{each result as v i }}
         <div class="class">
                <div class="class-title clearfix" data-titleid='{{v.titleId}}'>
                    <h5 class="pull-left">{{v.title}}</h5>
                    <i class="icon-sel pull-right"></i>            
                </div>
                 <div class="class-key clearfix">
                    
                </div>
        </div>
    {{/each}}
</script>
<script type="text/template" id="listTpl">
    {{each result as v i }}
        <a href="productlist.html?categoryid={{v.categoryId}}&category={{encodeURI(v.category)}}" class="col-xs-4">{{v.category}}</a>
    {{/each}}
</script>
<!--引入jQuery文件-->
<script src="lib/jQuery/jquery.min.js"></script>
<!--引入bootstrap JS-->
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<!--引入模板插件-->
<script src="lib/template/template.js"></script>
<!--引入首页的JS-->
<script src="js/category.js"></script>
</html>